'use strict'
Polymer({
    behaviors: [Polymer.IronMultiSelectableBehavior],

    created() {
        this.selectedAttribute = 'selected'
    },

    ready() {
        this.noNavigate = this.nofocus
    },

    attached() {
        var _minWidth = 0
        Polymer.dom(this).children.forEach(item => {
            _minWidth += item.getBoundingClientRect().width
        })
        this.style.minWidth = _minWidth + 2 + 'px'
    },

    _selectionChange() {
        if (this.multi) {
            this.fire('multi-selected-changed')
        }
    }
})